<template>
  <div>
    <el-tabs type="border-card" class="box">
  <el-tab-pane label="计费项目查看">
    <div>
        <span class="left">计费项目名称:</span>
        <span class="right">{{this.payname}}</span>
    </div>
    <div class="top">
        <span class="left">项目优先级:</span>
        <span class="right">{{this.paylevel}}</span>
    </div>
     <div class="top">
        <span class="left">项目用量/时长:</span>
        <span class="right">{{this.paynum}}</span>
    </div>
     <div class="top">
        <span class="left">项目价格:</span>
        <span class="right">{{this.paymoney}}</span>
    </div>
     <div class="top">
        <span class="left">通知状态:</span>
        <span class="right">
           {{this.paystatus === 1?"已通知" : "未通知"}}
        </span>
    </div>
     <div class="top">
        <span class="left">通知人:</span>
        <span class="right">{{this.username === "null"?"暂无" : this.username}}</span>
    </div>
     <div class="top">
        <span class="left">通知内容:</span>
        <span class="right" v-html="this.paycontent"></span>
    </div>
    <el-button type="primary" icon="el-icon-refresh-left" class="btn" @click="back">返回</el-button>
  </el-tab-pane>
  
</el-tabs>
  </div>
</template>

<script>
export default {
    data(){
        return{
            payname:"",
            paylevel:"",
            paynum:"",
            paymoney:"",
            username:"",
            paycontent:"",
            paystatus:"",
        }
    },
    methods:{
        getlist(){
            this.payname = localStorage.getItem("payname")
            this.paylevel = localStorage.getItem("paylevel")
            this.paynum = localStorage.getItem("paynum")
            this.paymoney = localStorage.getItem("paymoney")
            this.username = localStorage.getItem("username")
            this.paycontent = localStorage.getItem("paycontent")
            this.paystatus = localStorage.getItem("paystatus")
        },
        back(){
            this.$router.replace("payType")
        }
    },
    created(){
        this.getlist();
    }
}
</script>

<style scoped>
.left{
    color: #777;
    font-size: 14px;
}
.right{
    font-size: 14px;
    margin-left: 10px;
}
.top{
    margin-top: 20px;
}
.box{
    position: relative;
}
.btn{
    position: absolute;
    top: 40px;
    right:0;
}
</style>